html, body {
margin:0;
padding:0;
height:100%;
}

code {
color:green;
}

#container {
left:0px;
top:0px;
height:auto;
min-width:950px;
min-height:100%;
}

#container a:hover {
text-decoration:none;
color:gray;
}

#header {
position:absolute;
height:115px;
top:0;
left:0;
background:black;
width:100%;
}

#header img {
position:relative;
margin-left:20%;
border-style:none;
}

#header a {
display:block;
text-decoration:none;
}

#menu {
position:absolute;
left:0;
top:115px;
width:100%;
background:url(../images/bgmenu.png) repeat-x;
}

#menu ul {
margin:0;
margin-left:auto;
margin-right:auto;
width:65%;
}

#menu li {
list-style:none;
float:left;
}

#menu a {
font-family:Arial, helvetica, sans-serif;
text-align:center;
color:white;
display:block;
text-decoration:none;
padding:17px 10px;
}

#menu li a:hover {
background:white;
color:black;
}

#google_translate_element {
position:absolute;
margin-top:175px;
margin-left:700px;
}

#right {
position:absolute;
margin-top:220px;
margin-left:700px;
padding-right:20px;
font-family: "Lucida Grande", "Bitstream Vera Sans", Verdana, Arial, sans-serif;
font-size: 11px;
}

#right a {
text-decoration:none; 
color:black;
}

#box {
min-height:164px;
width:215px;
background: url(../images/boxbody.png) repeat-y;
}

#box h3{
font-family: "Lucida Grande", "Bitstream Vera Sans", Verdana, Arial, sans-serif;
color:white; 
display:block;
height:30px;
font-size: 14px;
padding-top:5px;
padding-left:15px;
background: url(../images/boxtop.png) no-repeat;
}

#suggestion, #twitter, #services{
background:#efefef;
width:215px;
}

#suggestion form{
padding-left:10px;
}

#twitter ul{
list-style: none;
padding:5px;
}

#twitter li{
padding-bottom:10px;
}

#twitter img{
float:left;
clear:left;
width:16px;
height:16px;
padding-right:5px;
padding-left:5px;
}

#twitter a{
color:blue;
}

#services a{
padding-top:5px;
padding-bottom:5px;
display:block;
}

#services img{
float:left;
width:24px;
height:24px;
padding-left:20px;
padding-right:10px;
margin-bottom:10px;
}

#dlbutton a {
text-decoration:none;
color:blue;
display:block;
width:200px;
height:70px;
margin-left:10px;
padding-left:20px;
padding-top:15px;
background: url(../images/bgdown.png) no-repeat;
}

#dlbutton a:hover {
color:black;
background: url(../images/bgdownHighlight.png) no-repeat;
}

#others {
text-decoration:none; 
display:block;
height:20px;
color:black;
font-size:11px;
padding-top:10px;
padding-left:15px;
}

#others :visited {
text-decoration:none;
color: black;
}

#main-content {
padding-top:175px;
padding-left:100px;
width:500px;
padding-bottom:90px;
}

#main-content p{
padding-left:20px;
padding-right:20px;
}

#content {
padding-top:175px;
width:80%;
margin:0 auto;
padding-bottom:90px;
}

#content h3 {
clear:both;
font-family: Helvetica, sans-serif;
color:gray;
}

#content a {
text-decoration:none;
border:none;
}

#content div {
width:500px;
}

#content div p {
padding-left:20px;
}

#left-image img {
float:left;
padding-bottom:20px;
}

#left-image p {
padding-top:20px;
}

#right-image img {
float:right;
padding-bottom:20px;
}

#footer {
clear:both;
height:90px;
width:100%;
margin-top:-90px;
background:url(../images/bgfooter.png) repeat-x;
}

#footer p {
font-family:"Lucida Grande", "Bitstream Vera Sans", Verdana, Arial, sans-serif;
text-align:center;
line-height:3px;
font-size:11px;
color:gray;
}
